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<netui-data binding : repeater 

dataSource=" {actionForm. purchaseOrder . lineltems} " > 
<netui -data binding : repeaterHeader > 
<table> 

<trxtd>Product Name</tdxtd>Unit 
Price</tdxtd>Quantity</tdx/tr> 

</netui-data binding : repeaterHeader > 
<netui -data binding : repeater It em> 

<tr> 

<tdxnetui : label value= " {container . item, name} " / x/td> 
<tdxnetui : label 
value=" {container . item.unitPrice} "/x/td> 

<tdxnetui : label value=" {container, item, quantity} "/x/td> 
</tr> 

</netui-data binding : repeaterltem> 
<netui-data binding : repeaterFooter> 
</table> 

</netui-data binding : repeaterFooter> 
</netui-data binding : repeater> 
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<netui-data binding : repeater 

dataSource=" { actionForm. purchaseOrderArray} "> 
<netui -data binding : repeaterHeader > 
<table> 

<trxtd>Customer Name</tdxtd>Customer 
Status</tdxtd>Purchase Total</tdx/tr> 

</netui-data binding: repeaterHeader> 
<netui-data binding: repeaterltem> 
<tr> 

<tdxnetui : label value=" {container, item, name} " /></td> 
<tdxnetui : label value=" {container . item, status} n /x/td> 
<tdxnetui : label 
value=" {container. item.purchaseTotal } "/ ></td> 

</tr> 

<tr> 

<netui -data binding : repeater 

dataSource=" {container . item. lineltems} " > 

. . . body content from the above example . . . 
</netui-data binding : repeater > 
</tr> 

</netui-data binding : repeaterltem> 
<netui -data binding : repeaterFooter > 
</table> 

</netui-data binding : repeaterFooter> 
</netui-data binding : repeater> 
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<netui : form action- "UpdateCart " > 

<netui-data binding : repeater 

dataSource=" {actionForm. purchaseOrder . lineltems} 11 > 
<netui-data binding : repeaterHeader> 
<table> 

<trxtd>Product Name</tdxtd>Unit 
Price</tdxtd>Quantity</tdx/tr> 

</netui-data binding : repeaterHeader> 
<netui-data binding : repeaterltem> 

<tr> 

<tdxnetui : label 
value=" {container. item. name} "/></td> 

<tdxnetui : label 
value=" {container, item. unitPrice} "/x/td> 

<tdxnetui : testBox 
dataSource=" {container, item, quantity} " /x/td> 
</tr> 

</netui-data binding : repeaterltem> 
<netui -data binding : repeaterFooter > 
</table> 

</netui -data binding : repeaterFooter > 
</netui-data binding : repeater> 
<netui : button>Update</netui :buttonxbr/ > 
</netui : f orm> 
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<netui-data binding : repeater 

dataSource=" {pageFlow. cart . lineltemList } "> 
<netui -data binding : repeaterHeader> 
<table class="table" border=true> 

<tr class=" tablehead" ><td>Name</tdxtd>Shipped 

Date</tdxtd>Arrival Date (est ) </tdx/tr> 

</netui-data binding : repeaterHeader> 
<netui -data binding : repeaterltem> 

<netui-data binding : choiceMethod obj ect=" {pageFlow} " 
method= "getShippingState " > 

<netui -data binding : methodParameter 

value=" {container. item. shipState} "/> 

</netui-data binding : choiceMethod> 
<netui-data binding : choice value="inTransit " > 
<tr class="row"> 

<tdxone embodiment -html : label 

value=" {container . item. name} "/x/td> 

<tdxone embodiment -html : label 

value=" 12/2 9/2 002" /></td> 

<tdxone embodiment -html : label 

value=" 1/8/2 003 "/x/td> 
</tr> 

</netui-data binding : choice> 
<netui-data binding : choice value="arrived"> 
<tr class="row"> 

<tdxone embodiment -html : label 

value=" {container, item. name} "/x/td> 

<td colspan=2xone embodiment -html : label 
value= "Arrived" /></td> 
</tr> 

</netui-data binding : choice> 

<netui-data binding : choice value= "notShipped" > 
<tr class="row"> 

<tdxone embodiment -html : label 

value=" {container. item. name} "/></td> 

<td colspan=2xone embodiment -html : label 
value="Not Yet Shipped" / ></td> 
</tr> 

</netui-data binding : choice> 
<netui-data binding : choice default="true"> 
<tr class="row"> 

<tdxone embodiment -html : label 

value= " { container . item. name} "/ ></td> 

<td class="rowerror" colspan=2> 

<one embodiment -html : label value= "Error ; 
status unknown. Call customer service at 1-800-555-1212 "/> 

</td> 
</tr> 

</netui-data binding : choice > 
</netui -data binding : repeaterltem> 
<netui-data binding : repeaterFooter> 

</table> 

</netui -data binding : repeaterFooter> 
</netui-data binding : repeater> 
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<netui-data binding: grid dataSource= " {pageFlow. allProducts } " 
name= " {pageFlow . viewAHGridName } " > 

<netui-data binding : pager render InFooter= "true " 
render InHeader= " true " action= "ViewAll" pageSize= M 10"/> 

<netui-data binding : gridStyle rowClass=" rowgrid" 
headerClass= "tableheadgrid" 

tableClass="tablegrid" 
alternatingRowClass="alternatingRowgrid M /> 

<netui-data binding : columns sortable=" true" 
f ilterable="true" sortAction="Sort " filterAction= "Filter " > 

<netui-data binding : basicColumn title= " Product ID" 
name = " pr oduc t i d " / > 

<netui-data binding : basicColumn title= " Product Name 
name= "productname " /> 

<netui-data binding : basicColumn title="Unit Price" 
name="unitprice" /> 

<netui-data binding : basicColumn title= "Category ID" 
name= " categoryid" / > 

<netui-data binding : anchorColumn action= "ViewDetail 
title="Details"> 

<one embodiment - html : parameter 
name= "_autoscope primaryKey " 

value=" {container .metadata . uniqueldentif ier } "/> 
</netui-data binding : anchorColumn> 
<netui-data binding : anchorColumn act ion= "Delete " 

title="Delete"> 

<one embodiment -html : parameter 
name= "_autoscope primaryKey" 

value= " { container . metadata . uniqueldent i f ier } " / > 
</netui-data binding : anchorColumn> 
</netui-data binding : columns > 

</netui-data binding : grid> 
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[Pager in Header] 

<table [class=GridStyle . tableClass] > 
<tr tclass=GridStyle . headerClass] > 

<td>column 1: header</tdxtd>column 2: 

header</tdxtd>column 3: header</td> 
</tr> 

<tr [class=GridStyle . rowClass] > 

<td>column 1: data cell</tdxtd>column 2: data 
cell</tdxtd>column 3: data cell</td> 
</tr> 

<tr [class=GridStyle . alternatingRowClass] > 

<td>column 1: data cell</tdxtd>column 2: data 
cell</tdxtd>column 3: data cell</td> 
</tr> 

<tr [class=GridStyle . rowClass] > 

<td>column 1: data cell</tdxtd>column 2: data 
cell</tdxtd>column 3 : data cell</td> 
</tr> 

<tr [class=GridStyle . f ooterClass] > 

<td>column 1: f ooter</tdxtd>column 2: 

f ooter</tdxtd>column 3: footer</td> 
</tr> 
</table> 
[Pager in Footer] 



Fig. 7 



